<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>
<aside id="sidebar" class="sidebar" th:fragment="sidebar">
    <div class="sidebar-inner affix-top">

        <section class="site-overview-wrap sidebar-panel sidebar-panel-active">
            <div class="site-overview" style="max-height: 585px;">
                <div class="site-author motion-element" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    <img class="site-author-image"  itemprop="image" alt="Canon" id="imgurl" src="">
                    <p class="site-author-name" itemprop="name" id="name"></p>
                    <p class="site-description motion-element" itemprop="description" id="description"></p>
                </div>
                <nav class="site-state motion-element">
                    <div class="site-state-item site-state-posts">
                        <a href="/archives">
                            <span class="site-state-item-count" id="articlecount">0</span>
                            <span class="site-state-item-name">日志</span>
                        </a>
                    </div>
                    <div class="site-state-item site-state-categories">
                        <a href="/categories">
                            <span class="site-state-item-count" id="categoriescount">0</span>
                            <span class="site-state-item-name">分类</span>
                        </a>
                    </div>
                    <div class="site-state-item site-state-tags">
                        <a href="/tags">
                            <span class="site-state-item-count" id="tagscount">0</span>
                            <span class="site-state-item-name">标签</span>
                        </a>
                    </div>
                </nav>
                <div class="links-of-blogroll motion-element links-of-blogroll-inline">
                    <div class="links-of-blogroll-title">
                        <i class="fa  fa-fw fa-link"></i>
                        友情链接
                    </div>
                    <div id="friend">
                    </div>
                </div>
            </div>
        </section>
    </div>
    <script type="text/javascript" src="/blog/js/api.js"></script>
    <script type="text/javascript" src="/blog/js/reg.js"></script>
    <script type="text/javascript" src="/blog/js/sidebar.js"></script>
</aside>
</body>
</html>